﻿<!DOCTYPE html>

<html>
<head>
    <meta name="description" />
    <meta name="keywords" />
    <meta name="google-site-verification" content="XyeC6bktjwqpnM7Nur7GqMMTqacD1bq2W_2·KHXHVYsw" />
    <title>洋码头 - 注册</title>

    <link rel="shortcut icon" href="/favicon.ico" /> 
    <link href="{{asset('/homecss/Css/layout.2016121301.css')}}" rel="stylesheet" type="text/css" /><link href="{{asset('/homecss/Css/empty.2016121301.css')}}" rel="stylesheet" type="text/css" /><link href="{{asset('/homecss/Css/wharf.2016121301.css')}}" rel="stylesheet" type="text/css" /> 
    
    <link href="{{asset('/homecss/Css/public.2016121301.css')}}" rel="stylesheet" type="text/css" /><link href="{{asset('/homecss/Css/global818.2016121301.css')}}" rel="stylesheet" type="text/css" />
    
    <link href="{{asset('/homecss/Css/register.2016121301.css')}}" rel="stylesheet" type="text/css" /><link href="{{asset('/homecss/Css/jqui.2016121301.css')}}" rel="stylesheet" type="text/css" />

    

     
    




    
</head>
<body> 
    <input type="hidden" id="ImgSmallClockUrl" value="http://static.ymatou.com//images/sprites/icon-clock-small.png">
    <!-- 简易导航 _LayoutSimplet1000.cshtml-->
    <div class="wrapper simpletopbar" id="div_topbar_logininfo03">
        <div class="area">
            <div class="left">
                <a class="logo" href="/"></a>
            </div>
            <div class="right">
                <a class="item" href="/login?ret=http%3a%2f%2fwww.ymatou.com%2fregister">请登录</a>
                <div class="item top-dropdown" id="QuickLogin">
                    <div class="dropdownlist">
                        <ul>
                            <li><a class="txt" href="/register">买家注册</a></li>
                            <li><a class="txt" href="http://sellerregister.ymatou.com">卖家注册认证</a></li>
                        </ul>
                    </div>
                    <a class="droptitle" href="/register"><span>快速注册</span><i class="arrow"></i></a>
                </div>
                <div class="item top-dropdown" id="MyMatou">
                    <div class="dropdownlist">
                        <ul>
                            <li><a class="txt" href="http://www.ymatou.com/ordercenter/orders">我的订单</a></li>
                            <li><a class="txt" href="http://www.ymatou.com/CouponSearch/MyCoupons?searchType=1">我的优惠券</a></li>
                            
                        </ul>
                    </div>
                    <a class="droptitle" href="http://my.ymatou.com/userpad">
                        <span class="myMatouText">
                            我的码头 <span class="bubble-box arrow-bottom">
                                
                            </span>
                        </span><i class="arrow"></i>
                    </a>
                </div> 
                
            </div>
        </div>
    </div>


    <div class="wrapper grayBackgroundColor">
        <div class="area">
            

    <div id="register">

        <div class="reg_tabs">
            <ul>
                <li class="active"><a href="javascript:void(0)">手机注册</a></li>
                
            </ul>
            <span class="reg_tabs_right">
                你是不是想注册为买手？ 请<a href="http://sellerregister.ymatou.com">点击这里</a>
            </span>
        </div>
        <div class="form_info clearfix">
            <div class="fr">
                <div class="payment">
                    <div class="hd">您也可以使用下列帐号登录洋码头：</div>
                    <div class="bd">
                        <div class="dd node"><span class="weibo l"></span><span class="r sina_login" style="cursor:pointer">使用新浪微博账户登录</span></div>
                        <div class="dd node"><span class="zhifubao l" style="margin-right:12px"></span><span class="r" id="buttonAlipayFastPayment" style="cursor:pointer">使用支付宝账户登录</span></div>
                        <div class="dd node"><span class="weixin l" style="margin-right:12px"></span><a href="https://open.weixin.qq.com/connect/qrconnect?appid=wx8570232e5e226ba3&amp;redirect_uri=http%3a%2f%2fwww.ymatou.com%2fweixin%2findex&amp;response_type=code&amp;scope=snsapi_login&amp;state=ymatou#wechat_redirect">使用微信账户登录</a> </div>
                    </div>
                </div>
            </div>
            <div class="fl left">

                <!--邮箱注册内容显示-->

    <form action="/Register/RegisterByMobile" id="regForm_two" method="post">    
      
        <!--手机注册内容部分-->
        <ul id="mobileForm">
            
            <li class="item clearfix">
                <div class="regtitle">
                    <em class="yel">*</em><label>
                        手机号码：
                    </label>
                </div>
                <div class="fill">
                    <input type="text" name="custtel" id="mobile" value="" class="regtext">
                    <span id="validateTip_mobile" class="verifi custtel-v" style="display: none;">请输入有效手机号码</span>
                    <!-- <span class="custtel-v" style="height:30px;line-height:30px;color:red"></span> -->
                </div>
            </li>
            <li class="item clearfix">
                <div class="regtitle">
                    <em class="yel">*</em><label>
                        验证码：
                    </label>
                </div>
                <div class="fill">
                    <input name="ValidateCode2" id="ValidateCode2" type="text" class="regtext wid90"><span><a class="Vcode" title="看不清，换一张" style="color:Blue; text-decoration:underline;cursor:pointer"><img id="PhoneVertifyImage2" height="30px" src="/Vcode" onclick="this.src=this.src+'?a=1'" ></a></span>
                    <span class="verifi">验证码不正确</span>
                </div>
            </li>
            <li class="item clearfix">
                <div class="regtitle">
                    <em class="yel">*</em><label>
                        短信验证码：
                    </label>
                </div>
                <div class="fill">
                    <input name="verifyCode" id="msgCode" type="text" class="regtext "><button type="button" class="sendCode">点击获取验证码</button><span></span></a><span class="verifi msgContent"></span>
                </div>
            </li>
            <li class="item clearfix">
                <div class="regtitle">
                    <em class="yel">*</em><label>
                        登录密码：
                    </label>
                </div>
                <div class="fill">
                    <input name="custpwd" id="Passwords" type="password" class="regtext">
                    <span id="validateTip_Passwords" class="verifi pwd" style="display: none;">6~16个字符,请使用英文字母(区分大小写)、符号或数字。</span>
                </div>
            </li>
            <li class="item clearfix">
                <div class="regtitle">
                    <em class="yel">*</em><label>
                        确认密码：
                    </label>
                </div>
                <div class="fill">
                    <input name="repwd" id="RePasswords" type="password" class="regtext">
                    <span id="validateTip_RePasswords" class="verifi rpwd" style="display: none;">确认您上面输入的密码</span>
                    
                </div>
            </li>
            <li class="item clearfix">
                <div class="regtitle">
                    <em class="yel">*</em><label>
                        用户名：
                    </label>
                </div>
                <div class="fill">
                    <input name="custname" id="NickName2" value="" type="text" class="regtext">
                    <span id="validateTip_NickName2" class="verifi cname" style="display: none;">用户名不能为空</span>
                    
                </div>
            </li>
            
            <li class="item clearfix">
                <div class="regtitle">&nbsp;</div>
                <div class="fill">
                    <label><input checked="checked" id="IsAgreeContract" name="IsAgreeContract" style="margin: 5px 5px;" type="checkbox" value="true" /><input name="IsAgreeContract" type="hidden" value="false" /></label>
                    <label class="fill_left">
                        我已经认真阅读并同意洋码头的《<a target="_blank" class="blue" href="http://help.ymatou.com/protocol.html">用户协议</a>》。
                    </label><span class="verifi"></span>
                </div>
            </li>
            <li class="item clearfix">
                <div class="regtitle">
                    &nbsp;
                </div>

        </ul>
</form>
            </div>
        </div>
    </div>

<input type="hidden" id="RegistryType" />
<form action="/AlipayFastPayment/FastPayment" id="formAlipayFastPayment" method="post" style="display:inline;"></form>


        </div>
    </div>


    

<div id="copywrite" style="text-align:center; margin-top: 10px;">
        © 2009－2018 ymatou.com, All rights reserved 增值电信业务经营许可证：沪B2-20140021 <font color="white">66 </font>
        <br />上海洋码头网络技术有限公司  版权所有
        <br />上海市灵石路695号3号楼1404室 
    </div>
<script type="text/javascript" src="/HomeCss/jquery-1.8.3.min.js"></script>
<script type="text/javascript">

    var nums = 10; 
    var Custname = false;
    var Custpwd = false;
    var Custtel = false;
    var Custrpwd = false;
    //手机号获取焦点事件
    $('input[name=custtel]').focus(function(){
        $('.custtel-v').html('请输入有效手机号码');
        $('.custtel-v').css({display:'inline-block'});
        $('.custtel-v').addClass('greybg');

    })
    //验证手机号码 失去焦点事件
    $('input[name=custtel]').blur(function(){
        var reg = /^(((13[0-9]{1})|(14[0-9])|(15[0-9]{1})|(17[0-9])|(18[0-9]{1}))+\d{8})$/;
        var v = $(this).val();
        var res = reg.test(v)      
        if(res && v){
            $('.custtel-v').css({display:'none'});
            Custtle = true;
        }else{
            $('.custtel-v').html('手机号码不正确');
            $('.custtel-v').removeClass('greybg');
            Custtel = false;

        }
    });

    //密码获取焦点事件
    $('input[name=custpwd]').focus(function(){
        $('.pwd').html('6~16个字符,请使用英文字母(区分大小写)、符号或数字。');
        $('.pwd').css({display:'inline-block'});
        $('.pwd').addClass('greybg');

    })
    //验证密码号码 失去焦点事件
    $('input[name=custpwd]').blur(function(){
        var reg = /^\w{6,16}$/;
        var v = $(this).val();
        var res = reg.test(v)      
        if(res && v){
            $('.pwd').css({display:'none'});
            Custpwd = true;
        }else{
            $('.pwd').html('密码不正确');
            $('.pwd').removeClass('greybg');
            Custpwd = false;

        }
    });

   //两次密码是否一致 获取焦点
   $('input[name=repwd]').focus(function(){
        $('.rpwd').html('确认您上面输入的密码');
        $('.rpwd').css({display:'inline-block'});
        $('.rpwd').addClass('greybg');
   })
   //失去焦点 验证
   $('input[name=repwd]').blur(function(){
           
        if($('input[name=custpwd]').val() == $(this).val()){
            $('.rpwd').css({display:'none'});
            Custrpwd = true;
        }else{
            $('.rpwd').html('两次密码不一致且不能为空');
            $('.rpwd').removeClass('greybg');
            Custrpwd = false;
        }

   })

   //用户名获取焦点事件
    $('input[name=custname]').focus(function(){
        $('.cname').html('4~20个字符,请使用英文字母(区分大小写)、符号或数字。');
        $('.cname').css({display:'inline-block'});
        $('.cname').addClass('greybg');

    })
    //验证密码号码 失去焦点事件
    $('input[name=custname]').blur(function(){
        var reg = /^\w{4,20}$/;
        var v = $(this).val();
        var res = reg.test(v)      
        if(res && v){
            $('.cname').css({display:'none'});
            Custname = true;
        }else{
            $('.cname').html('用户名不正确');
            $('.cname').removeClass('greybg');
            Custname = false;

        }
    });


    $('#sub').click(function(){
                if(Ctype == false){
                $('#typeinfo').html('请选择使用拉钩的目的');
                }
                $('#username').blur();
                $('#password').blur();
               if(usernames && Cpwd && Ctype){
                    $('#forup').submit();
                }else{
                 
                   return false;
                    
                }

            });


    
    $('.sendCode').click(function()
    {
        //$(this).addClass('disabled');
        $(this).attr('disabled',true);
        $(this).html(nums+'秒后可重新获取');
        var btn = $(this);
        var clock = setInterval(doLoop, 1000); //一秒执行一次
         function doLoop()
         {
             nums--;
            if(nums > 0){
                btn.html(nums+'秒后可重新获取');
            }else{
                clearInterval(clock); //清除定时器
                  btn.attr('disabled',false);
                   btn.html('点击发送验证码');
                  nums = 10; //重置时间
            }
         }
            //获取手机号码
            var phone = $('input[name=custtel]').val();
            //发送ajax 获取验证码
            $.get('/SendCode',{custtel:phone},function(data){

        })
    })

</script>




    
    
</body>
</html>
